home *** CD-ROM | disk | FTP | other *** search
/ Web Designer 98 (Professional) / WebDesigner 1.0.iso / tutorials / tut5 / bbg-text-dt.txt < prev    next >
Text File  |  1997-06-14  |  17KB  |  342 lines
  1. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2.                      
  3.                      D A S  H T M L  G E R I P P E
  4.                           
  5.                              dt. Version des 
  6.  
  7.          T H E   B A R E   B O N E S   G U I D E   T O   H T M L        
  8.  
  9.                             von Kevin Werbach
  10.                           <http://werbach.com/>
  11.                        
  12.                       uebersetzt von Martin Weinelt
  13.                          <http://infodrome.com/>
  14.  
  15.                      Version 3.0D  --  5. Okt. 1995
  16. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  17.  
  18. Dieses Dokument findet man immer unter <http://werbach.com/barebones>
  19. und unter <http://infodrome.com/HTML-gerippe.f/BBG-text-dt.html>
  20.  
  21. Das HTML-Gerippe fuehrt alle tags auf, die die aktuellen Versionen der
  22. meisten Browser verstehen. Alle tags der HTML-Spezifakation 3.2 sind 
  23. aufgefuehrt, ebenso wie die Netscape-Erweiterungen der Navigator-Version
  24. bis zu 3.0b5. Die Anleitung wurde so knapp wie moeglich verfasst, deshalb
  25. bietet sie auch keinerlei Details darueber, wie man die tags im einzelnen
  26. benutzen soll. Es gibt zahlreiche Schritt-fuer-Schritt-Anleitungen im Web, 
  27. viele davon sind unter <http://werbach.com/web/wwwhelp.html> gelistet und 
  28. gelinkt.
  29.  
  30. WIE DIES DOKUMENT FORMATIERT IST
  31. ------------------------------------------------------------------------
  32. Dies Dokument sollte mit einem nicht-proportionalen Zeichensatz darge-
  33.    stellt und gedruckt werden. 
  34.    
  35. Um die Lesbarkeit zu erhoehen, werden die verschiedenen Attribute, die auf
  36.    _ein_ tag angewendet werden koennen, in eigenen Zeilen aufgefuehrt. Im
  37.    allgemeinen koennen mehrere Attribute in einem tag kombiniert werden.
  38.  
  39. Tags sind in Grossbuchstaben geschrieben, obwohl bei den maisten tags Gross-
  40.   /Kleinschreibung keine Rolle spielt.
  41.  
  42. SYMBOLE
  43. ------------------------------------------------------------------------
  44. URL     URL einer externen Datei (oder Dateiname, falls im selben Verzeichnis
  45. ?       beliebige Zahl (z.B. <H?> heisst <H1>, <H2>, <H3>, etc.)
  46. %       beliebiger Prozentwert (z.B. <HR WIDTH=%> heisst <HR WIDTH=50%>, etc.)
  47. ***     beliebige Text (z.B. ALT="***" heisst: Text einfuegen)    
  48. $$$$$$  beliebige Hex-Wert (z.B. BGCOLOR="#$$$" heisst BGCOLOR="#00FF1C", etc.)
  49. ,,,     Komma-Trennung (z.B. COORDS=",,," heisst COORDS="0,0,50,50",etc.) 
  50. |       Alternativen (z.B. ALIGN=LEFT|RIGHT|CENTER heisst: eins waehlen)
  51.  
  52.  
  53. KOMPATIBILITAET (Stand 21.16. 1996)
  54. ------------------------------------------------------------------------
  55.        (keine Annotation) Teil der HTML3.2 Spez.; sollte fuer alle browser
  56.        darstellbar sein 
  57. N1.0   Netscape-Erweiterung eingefuehrt mit Navigator Version 1.0
  58. N1.1   Netscape-Erweiterung eingefuehrt mit Navigator Version 1.1
  59. N2.0   Netscape-Erweiterung eingefuehrt mit Navigator Version 2.0
  60. N3.0b  Netscape-Erweiterung eingefuehrt mit Navigator Version 3.0 beta
  61.  
  62. ========================================================================
  63.  
  64.  
  65. ALLGEMEIN (alle HTML -Dokumente sollten (muessen aber nicht) die folgenden 
  66.                     tags enthalten)
  67. ------------------------------------------------------------------------ 
  68.       Dokument-Typ     <HTML></HTML>      (Anfang und Ende der Datei)
  69.       Titel            <TITLE></TITLE>    (Dokument Titel, in den Header)
  70.       Kopf             <HEAD></HEAD>      (beschreib. Infos, wie z.B. Titel)
  71.       Rumpf            <BODY></BODY>      (Hauptteil der Seite)
  72.  
  73.  
  74. LOGISCHES FORMATIERN  (erscheint je nach Stil-Definitionen des browsers)
  75. ------------------------------------------------------------------------
  76.       Ueberschrift     <H?></H?>          (die Spez. definieren 6 Ebenen)
  77.         - Ausrichtung    <H? ALIGN=LEFT|CENTER|RIGHT></H?>
  78.       Teilung          <DIV></DIV>
  79.         - Ausrichtung    <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
  80.       Block-Zitat      <BLOCKQUOTE></BLOCKQUOTE>    (gewoehn. eingerueckt)
  81.       Hervorhebung     <EM></EM>          (gewoehnlich kursiv dargestellt)
  82.       starke Hervorh.  <STRONG></STRONG>  (gewoehnlich fett dargestellt)
  83.       Pre/ohne tags    <XMP></XMP>        (kaum mehr benutzt)
  84.       Zitat            <CITE></CITE>      (gewoehnlich kursiv)
  85.       Code             <CODE></CODE>      (fuer Quell-Code-Listen)
  86.       Beispiel-Ausgabe <SAMP></SAMP>
  87.       Tastatur-Eingabe <KBD></KBD>
  88.       Variable         <VAR></VAR>
  89.       Definition       <DFN></DFN>        (nicht oft implementiert)
  90.       Autoren Adresse  <ADDRESS></ADDRESS>
  91.       Grosser Font     <BIG></BIG>
  92.       kleiner Font     <SMALL></SMALL>
  93.  
  94.  
  95.  
  96. HARTES FORMATIEREN  (AutorIn bestimmt, wie der Text erscheint)
  97. ------------------------------------------------------------------------
  98.       Fett             <B></B>
  99.       Kursiv           <I></I>
  100.       unterstrichen    <U></U>            (noch nicht oft implementiert)
  101.       durchgestrichen  <S></S>            (noch nicht oft implementiert)
  102.       Subscript        <SUB></SUB>        (tiefgestellt)
  103.       Superscript      <SUP></SUP>        (hochgestellt)
  104.       Schreibmaschine  <TT></TT>          (nicht-proportionaler Font)
  105.       vorformatiert    <PRE></PRE>        (zeigt Text wie in der Datei 
  106.                                           formatiert, incl. returns, etc. )
  107.         Breite           <PRE WIDTH=?></PRE>   (in Zeichen)
  108.       Zentrieren       <CENTER></CENTER>  (Kurzform fuer <DIV ALIGN="center">)
  109. N1.0  blinkender Text  <BLINK></BLINK>    (schlimmstes tag aller Zeiten)
  110.       Font-Groesse     <FONT SIZE=?></FONT>       (reicht von 1-7)
  111.         - aendern        <FONT SIZE=+|-?></FONT> 
  112. N1.0  Groesse des      <BASEFONT SIZE=?>  (von 1-7; Voreinstellung ist 3)
  113.         Basis-Fonts
  114.       Font-Farbe       <FONT COLOR="#$$$$$$"></FONT>
  115. N3.0b Font weahlen     <FONT FACE="***"</FONT>
  116. N3.0b mehrsp. Satz     <MULTICOL COLS="?"></MULTICOL>
  117. N3.0b   Abstand          <MULTICOL GUTTER=?></MULTICOL>
  118. N3.0b   Breite           <MULTICOL WIDTH=?></MULTICOL>
  119. N3.0b Abstand          <SPACER>
  120. N3.0b   Typ               <SPACER TYPE=horizontal|vertical|block>
  121. N3.0b   Groesse           <SPACER SIZE=?>
  122. N3.0b   Masse             <SPACER WIDTH=? HEIGHT=?>
  123. N3.0b   Ausrichtung       <SPACER ALIGN=left|right|center>
  124.  
  125.  
  126. VERWEISE UND GRAFIKEN
  127. ------------------------------------------------------------------------
  128.       Verweis          <A HREF="URL"></A>        
  129.         Verw. auf Ziel <A HREF="URL#***"></A>  (in anderem Dokument)       
  130.                          <A HREF="#***"></A>   (im selben Dokument)
  131. N2.0    Ziel-Fenster     <A HREF="URL" TARGET="***"></A>
  132.       Markierung def.  <A NAME="***"></A> 
  133.       Grafik zeigen    <IMG SRC="URL">   
  134.         Ausrichtung      <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>    
  135. N1.0    Ausrichtung      <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|
  136.                                         BASELINE|ABSBOTTOM>
  137.         Alternativ-Text  <IMG SRC="URL" ALT="***"> (wenn Grafik nicht gezeigt)
  138.         Masse            <IMG SRC="URL" WIDTH=? HEIGHT=?>        (in Pixel)
  139.         Rand             <IMG SRC="URL" BORDER=?>                (in Pixel)
  140.         Platz um Bild    <IMG SRC="URL" HSPACE=? VSPACE=?>       (in Pixel)
  141. N1.0    Proxy mit ger.   <IMG SRC="URL" LOWSRC="URL">    
  142.         Aufloesung
  143.         Bild-Karte       <IMG SRC="URL" ISMAP>     (benoetigt server script)
  144.         Bild-Karte       <IMG SRC="URL" USEMAP="URL">
  145.       Karte            <MAP NAME="***"></MAP>      (beschreibt die Karte)
  146.       Sektion          <AREA HREF="URL"|NOHREF ALT="***" SHAPE="RECT" 
  147.                              COORDS=",,,"> 
  148. N1.1   Client Pull      <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
  149. N2.0   Objekt einbetten <EMBED SRC="URL">  (insert object into page)
  150. N2.0     Objekt Groesse   <EMBED SRC="URL" WIDTH="?" HEIGHT="?">   
  151.  
  152.  
  153. DOKUMENT-GLIEDERUNG
  154. ------------------------------------------------------------------------
  155.       Absatz           <P></P>            (Wagenruecklauf, meist mit
  156.                                            folgender Leerzeile)
  157.         - Ausrichtung    <P ALIGN=LEFT|CENTER|RIGHT></P>
  158.       Zeilen-Umbruch   <BR>               (Wagenruecklauf, neue Zeile)
  159. N1.0    Clear Textwrap   <BR CLEAR=LEFT|RIGHT|ALL> (bitte um Vorschlag ;-)
  160.       horiz. Linie     <HR>
  161.         Ausrichtung      <HR ALIGN=LEFT|RIGHT|CENTER>
  162.         Dicke            <HR SIZE=?>      (in Pixel)
  163.         Breite           <HR WIDTH=?>     (in Pixel)
  164.         Breite in Proz.  <HR WIDTH=%>     (in Prozent der Seiten-Breite)
  165.         gefuellte Linie  <HR NOSHADE>     (ohne 3D-Effekt)      
  166. N1.0  kein Zeilen-     <NOBR></NOBR>      (verhindert Zeilenumbruch)
  167.       Umbruch
  168. N1.0  Wort-Umbruch     <WBR>              (wo ein Zeilenumbr. geschehen soll,
  169.                                                                 falls noetig)  
  170.  
  171.  
  172. LISTEN (Listen koennen veschachtelt sein)
  173. -------------------------------------------------------------------------
  174.       unnumerierte     <UL><LI></UL>      (<LI> vor jedem Listen-Element)
  175.              Liste
  176.         'Bullet'-Typ     <UL TYPE=DISC|CIRCLE|SQUARE>  (fuer gesamte Liste)
  177.                          <LI TYPE=DISC|CIRCLE|SQUARE>  (dies LI und folgende)
  178.       numerierte Liste <OL><LI></OL>      (<LI> vor jedem Listen-Element)
  179.         kompakt          <OL COMPACT>
  180.         Ordinal-Typ      <OL TYPE=A|a|I|i|1>      (fuer gesamte Liste)
  181.                          <LI TYPE=A|a|I|i|1>      (dies LI und folgende)
  182.         Anfangs-Zahl     <OL VALUE=?>             (fuer gesamte Liste)
  183.                          <LI VALUE=?>             (dies LI und folgende)
  184.       Definitionsliste <DL><DT><DD></DL>  (<DT>=Term, <DD>=Definition)
  185.          kompakt         <DL COMPACT> </DL>
  186.       Menue-Liste      <MENU><LI></MENU>  (<LI> vor jedem Listen-Element)
  187.          kompakt         <MENU COMPACT> </MENU>
  188.       Verzeichnis      <DIR><LI></DIR>    (<LI> vor jedem Listen-Element)
  189.          kompakt         <DIR COMPACT></DIR>   
  190.  
  191.  
  192. HINTERGRUND UND FARBEN  
  193. ------------------------------------------------------------------------
  194.        Grafik-Hintergr.  <BODY BACKGROUND="URL">   
  195.        Hintergr.-Farbe   <BODY BGCOLOR="#$$$$$$">    (Rot/Gruen/Blau)
  196.           Text-Farbe        <BODY TEXT="#$$$$$$">
  197.           Link-Farbe        <BODY LINK="#$$$$$$">
  198.           verfolgtes        <BODY VLINK="#$$$$$$">
  199.             Link
  200.           aktives Link      <BODY ALINK="#$$$$$$">
  201.  
  202. (Mehr Infos: <http://werbach.com/web/wwwhelp.html#color>)
  203.  
  204.  
  205. UMLAUTE UND SONDERZEICHEN  (in Kleinschreibung)
  206. ------------------------------------------------------------------------
  207.       Sonderzeichen     &#?;            ('?' ist der ISO 8859-1-Code)
  208.       <                 <
  209.       >                 >
  210.       &                 &  
  211.       "                 "
  212.       Reg. Warenzeichen ®
  213.       Reg. Warenzeichen ®
  214.       Copyright         ©
  215.       Copyright         ©
  216.       Non-Breaking Spc           (kein Zeilenumbruch an diesem Space)
  217.  
  218. (Vollstaendige Liste <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)
  219.  
  220.  
  221.  
  222.  
  223. FORMULARE  (benoetigen ein server-script)
  224. ------------------------------------------------------------------------
  225.       Formular-Def.    <FORM ACTION="URL" METHOD=GET|POST></FORM>
  226. N2.0    Datei-Upload     <FORM ENCTYPE="multipart/form-data></FORM>     
  227.       Eingabe-Feld     <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
  228.                          IMAGE|HIDDEN|SUBMIT|RESET">
  229.         Feld Name        <INPUT NAME="***">
  230.         Feld-Wert        <INPUT VALUE>
  231.         markiert?        <INPUT CHECKED>  ('checkbox' und 'radio button')      
  232.         Feld-Groesse     <INPUT SIZE=?>       (in Zeichen)
  233.         max. Laenge      <INPUT MAXLENGTH=?>  (in Zeichen)
  234.       Auswahl-Liste    <SELECT></SELECT>
  235.         Name der Liste   <SELECT NAME="***"></SELECT>
  236.         Zahl der Listen- <SELECT SIZE=?></SELECT>
  237.               Eintraege
  238.         Mehrfach-Wahl    <SELECT MULTIPLE>    (mehr als eins waehlbar)  
  239.       Option           <OPTION>           (was man auswaehlen kann)
  240.         Vorgabe          <OPTION SELECTED>
  241.       Groesse Eingabe- <TEXTAREA ROWS=? COLS=?></TEXTAREA>
  242.                   Feld
  243.         Name Eingabe-    <TEXTAREA NAME="***"></TEXTAREA>
  244.                   Feld
  245. N2.0    Text-Umbruch     <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
  246.  
  247.         
  248. TABELLEN
  249. ------------------------------------------------------------------------
  250.       Tabelle def.     <TABLE></TABLE>
  251.         Tabellen-Rand    <TABLE BORDER></TABLE>    (Tabelle erhaelt Rand)
  252.         Tabellen-Rand    <TABLE BORDER=?></TABLE>  (Randstaerke in Pixel)
  253.         Zellen-Groesse   <TABLE CELLSPACING=?>
  254.         Zellen-Padding   <TABLE CELLPADDING=?>     ('Luft' zw. Inhalt und Rand)
  255.         Breite           <TABLE WIDTH=?>           (in Pixel)
  256.         - in Prozent     <TABLE WIDTH=%>           (Prozent der Seiten-Breite)
  257.       Tabellen-Zeile   <TR></TR>
  258.         Ausrichtung      <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  259.       Tabellen-Zelle     <TD></TD>        (erscheint inerhalb von Tab.-Zeilen)
  260.         Alignment        <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  261.         kein Zeilenumbr. <TD NOWRAP>
  262.         umfasst          <TD COLSPAN=?>
  263.          ? Spalten
  264.         umfasst          <TD ROWSPAN=?>
  265.          ? Zeilen
  266. N1.1    Breite           <TD WIDTH=?>     (in Pixel)
  267. N1.1    - in Prozent     <TD WIDTH=%>     (Prozent der Seiten-Breite)
  268. N3.0b   Zellenfarbe      <TD BGCOLOR=#$$$$$$>
  269.       Spalten-Kopf     <TH></TH>          (wie Zelle, aber meist fett, zentriert)
  270.         Ausrichtung      <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  271.         kein Zeilenumbr. <TH NOWRAP>
  272.         umfasst          <TH COLSPAN=?>
  273.          ? Spalten
  274.         umfasst          <TH ROWSPAN=?>
  275.          ? Zeilen
  276. N1.1    Breite           <TH WIDTH=?>     (in Pixel)
  277. N1.1    - in Prozent     <TH WIDTH=%>     (Prozent der Seiten-Breite)
  278. N3.0b   Zellenfarbe      <TH BGCOLOR=#$$$$$$>
  279.       Tabellen-         <CAPTION></CAPTION>
  280.           Ueberschrift
  281.         Ausrichtung       <CAPTION ALIGN=TOP|BOTTOM>  (ueber/unter Tabelle)
  282.  
  283. RAHMEN  (zur Definition und Handhabung spezieller Teile des Fensters)
  284. ---------------------------------------------------------------------------
  285. N2.0  Rahmen Dokument  <FRAMESET></FRAMESET>           (statt <BODY>)
  286. N2.0    Zeilen-Hoehe     <FRAMESET ROWS=,,,></FRAMESET>      (Pixel oder %)
  287. N2.0    Zeilen-Hoehe     <FRAMESET ROWS=*></FRAMESET>  (* = relative Groesse)
  288. N2.0    Spalten-Breite   <FRAMESET COLS=,,,></FRAMESET>      (Pixel oder %)
  289. N2.0    Spalten-Breite   <FRAMESET COLS=*></FRAMESET>  (* = relative Groesse)
  290. N3.0b   Rand             <FRAMESET FRAMEBORDER="yes|no">
  291. N3.0b   Randbreite       <FRAMESET BORDER=?>
  292. N3.0b   Randfarbe        <FRAMESET BORDERCOLOR="#$$$$$$">  
  293. N2.0  Rahmen def.      <FRAME>           (Inh. eines einzelnen Rahmens)
  294. N2.0    Dokum. anzeigen  <FRAME SRC="URL">
  295. N2.0    Rahmen-Name      <FRAME NAME="***"|_blank|_self|_parent|_top>
  296. N2.0    Rand-Breite      <FRAME MARGINWIDTH=?>    (linker u. rechter Rand)
  297. N2.0    Rand-Hoehe       <FRAME MARGINHEIGHT=?>   (Rand oben u. unten)
  298. N2.0    Scrollbalken??   <FRAME SCROLLING="YES|NO|AUTO">
  299. N2.0    nicht veraenderbar <FRAME NORESIZE>   (...in der Groesse)
  300. N3.0b   Raender          <FRAME FRAMEBORDER="yes|no">
  301. N3.0b   Randfarbe        <FRAME BORDERCOLOR="#$$$$$$">
  302. N2.0  Inhalt kein R.   <NOFRAMES></NOFRAMES>     (fuer browser o. Rahmen)
  303.  
  304.  
  305. JAVA
  306. ------------------------------------------------------------------------
  307.       Applet           <APPLET></APPLET>         (Prograemmchen)
  308.         Dateiname        <APPLET CODE="***">
  309.         Parameter        <APPLET PARAM NAME="***">
  310.         Lokation         <APPLET CODEBASE="URL">
  311.         int. Name        <APPLET NAME="***">     (fuer Bezuege)
  312.         alt. Text        <APPLET ALT="***">      (fuer nicht-Java-Browser)
  313.         Ausrichtung      <APPLET ALIGN="LEFT|RIGHT|CENTER">
  314.         Groesse          <APPLET WIDTH=? HEIGHT=?>        (in Pixeln)
  315.         Abstand          <APPLET HSPACE=? VSPACE=?>       (in Pixeln)
  316.  
  317.  
  318. VERSCHIEDENES
  319. ------------------------------------------------------------------------
  320.       Kommentar        <!-- *** -->       (wird nicht angezeigt)   
  321.       Prologue        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
  322.       Indizierbar      <ISINDEX>          (fuer Index referenzierbar)    
  323.         Prompt           <ISINDEX PROMPT="***">    (Text-Prompt fuer Eingabe)
  324.       Suche beginnen   <A HREF="URL?***"></a>  (echtes '?' benutzen) 
  325.       URL dieser Datei <BASE HREF="URL">          (im header)
  326. N2.0  Name Basis-Fenst.<BASE TARGET="***">        (im header) 
  327.       Bezug            <LINK REV="***" REL="***" HREF="URL">  (im header)
  328.       Meta-Information <META>                      (im header)
  329.       Style Sheets     <STYLE></STYLE>   (Stil-Definitionen, kaum unterstuetzt)
  330.       Skripte          <SCRIPT></SCRIPT> (kaum unterstuetzt)
  331.  
  332.  
  333.  
  334. ------------------------------------------------------------------------
  335.  
  336. Copyright (c) 1995, 1996 Kevin Werbach. Nichtkommerzielle Verbreitung gestattet.
  337. Diese Anleitung ist kein Produkt von Bare Bones Software. Wenden Sie sich an den 
  338. Autor fuer weitere Informationen.
  339.  
  340. Uebersetzung: Martin Weinelt <Martin.Weinelt@kiel.netsurf.de>
  341.  
  342.